<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>

<!--sessionStorage 用于临时保存同一窗口(或标签页)的数据，在关闭窗口或标签页之后将会删除这些数据。-->

<div id="result"></div>
<button onclick="removeName()">删除sessionStorage中的数据</button>
<button onclick="saveName()">存储sessionStorage数据</button>
<script>

    document.getElementById("result").innerHTML = sessionStorage.getItem("name");

    function saveName(){
        // 判断浏览器是否支持
        if (typeof(Storage) !== "undefined") {
            // 存储
            sessionStorage.setItem("name", "炊逸飞");
        } else {
            document.getElementById("result").innerHTML = "浏览器不支持";
        }
    }

    function removeName(){
        sessionStorage.removeItem("name");
    }


</script>
</body>
</html>